<template>
  <div class="fullMain">
    <x-header
      class="custumHeader"
      :left-options="{backText: '',showBack: false}">
      <!-- <a slot="left">
         <i slot="overwrite-left" class="lIcon">X</i>
       </a>-->
      <span>创建项目</span>
      <a slot="left">
        <x-icon type="ios-arrow-left"></x-icon>
      </a>
    </x-header>
    <div class="mainbBg">
      <!--<div class="menuHeader">
        <i class="fa fa-chevron-left mT returnIcon"></i>
        <span class="ids">
          姓名：老板
          <i class="fa fa-weixin icons"></i>
        </span>
      </div>-->
      <div class="tableDiv_100">
        <group>
          <x-input title="工作名称"  placeholder="请输入工作名称" v-model="pName"></x-input>
        </group>
        <group>
          <x-input title="项目类别"  placeholder="请输入项目类别" v-model="pLb"></x-input>
        </group>
        <group>
          <x-input title="项目负责人"  placeholder="请输入项目负责人" v-model="names"></x-input>
        </group>
        <group class="allprojectP">
          <datetime
            v-model="startTime"
            @on-change="change"
            :title="startLabel"
            @on-cancel="log('cancel')"
            @on-confirm="onConfirm"
            @on-hide="log('hide', $event)"></datetime>
        </group>
        <group class="allprojectP">
          <datetime
            v-model="endTime"
            @on-change="change"
            :title="endLabel"
            @on-cancel="log('cancel')"
            @on-confirm="onConfirm"
            @on-hide="log('hide', $event)"></datetime>
        </group>
        <group title="项目成员">
          <div class="pCYDiv">
            <input type="text" placeholder="请输入姓名"/>
            <input type="text" placeholder="请输入姓名"/>
            <input type="text" placeholder="请输入姓名"/>
            <input type="text" placeholder="请输入姓名"/>
          </div>
          <div class="pCYBtn">
            <button type="button" class="hsButton" style="width: 140px;">添加成员</button>
          </div>
        </group>
        <group>
          <x-textarea title="项目描述" :rows="5" placeholder="请输入项目描述" v-model="pGzms" :show-counter="false"></x-textarea>
        </group>
        <div style="padding: 20px;text-align: center;">
          <button type="button" class="hsButton" style="width: 140px;margin-right: 50px;">保存</button>
          <button type="button" class="hsButton" style="width: 140px;">提交</button>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
  import { XHeader } from 'vux'
  import { XTable } from 'vux'
  import { XInput,XTextarea,Datetime,Group} from 'vux'
  import { Scroller } from 'vux'
  export default {
    data(){
      return {
        startLabel : "开始时间",
        startTime : "2018-12-18",
        endLabel : "截止时间",
        endTime : "2018-12-18",
        pStart : "",
        pEnd : "",
        pGzbc : "",
        pGzms : "",
        pWcqk : "",
        pName : "",
        pLb: "",
        names : "",

      }
    },
    components:{
      XHeader,
      XTable,
      Scroller,
      XInput,
      Group,
      Datetime,
      XTextarea
    },
    methods:{
      log (str1, str2 = '') {
        console.log(str1, str2)
      },
      onConfirm (val) {
        console.log('on-confirm arg', val)
        console.log('current value', this.startTime)
      },
      change (value) {
        console.log('change', value)
      },
    }
  }
</script>

<style>
</style>
